<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    ajax是思想，xmlhttprequest和fetch和axios是实现方式

    第1代：xmlhttprequest
    第2代：axios和fetch

    对比xmlhttprequest VS fetch VS axios
    xmlhttprequest 原生webapi网络请求方式
        处理结果方式：通过回调方式处理结果
        好处：
            1.
        坏处：
            1.当需要依赖性异步请求时，我们需要嵌套函数处理，这样会产生地狱回调
            2.需要自己自定义额外的功能

    fetch  原生webapi网络请求方式
         处理结果方式：Promise可以通过链式调用方式处理结果
        好处：
            1.数据流对象，性能高
            2.配置麻烦
        坏处：
            1.不支持IE,支持ES6以上，兼容性没那么好
            2.手动数据转换，需要自己封装
            3.无拦截器，需要自己封装

    axios 基于xmlhttprequest和promise封装的网络请求库
        处理结果方式：Promise可以通过链式调用方式处理结果
        好处：
            1.支持IE,兼容性好
            2.配置容易
            3.自动数据转换，JSON格式
            4.拦截器
        坏处：

  
    结论：
        axios>fetch>xmlhttprequest
    未来：
      未来应该会有一个封装的fetch库，或者axios会兼容fetch请求方式
    <!-- fetch和axios返回的结果也是promise

    promise又可以通过async 和await 方式解决地狱回调 -->
</body>
</html>